// 侧边联系人选择器
<template>
    <div id='attention-box-container'>
        <attention-model v-for="(item, index) in attentionList" :key="`attention-model-${index}`" :attention="item" @on-change="selected = index; $emit('on-change', index)" :selected="index == selected" />
        <div class="add-session">
            <Button type="primary" size="small" style="margin-top: 20px" @click="display = true">添加会话</Button>
        </div>
        <Modal v-model="display">
            <div>
                <Input v-model="keyword" style="margin: 20px 0" placeholder="搜索"/>
                <li v-for="(item, index) in selections" :key="`add-tag-${index}`" class="add-tag-item" @click="selectPush(item)">
                    <div>{{ item.noteName }}</div>
                </li>
            </div>
            <div slot="footer">
                <Button>确定</Button>
            </div>
        </Modal>
    </div>
</template>

<script lang='ts'>
import { AttentionBox } from "./Index";
export default AttentionBox;
</script>

<style lang='scss' scoped>
@import './Index.scss';
</style>